$.fn.alternateRowColors = function() {
    $('tbody tr:odd', this).removeClass('even').addClass('odd');
    $('tbody tr:even', this).removeClass('odd').addClass('even');
    return this;
};
$(function(){
    $('.tips').tipsy({title:'title',gravity: $.fn.tipsy.autoWE, delayIn:1000,delayOut:500,html:true});
    $("#dialog").dialog({
        dialogClass: 'info',
        draggable: true,
        modal: true,
        title: 'Informações sobre a Chamada',
        resizable: true,
        show: 'fadeIn',
        autoSize: true,
        autoOpen: false,
        minWidth: 750,
        width: 750,
        close: function(event, ui) {
            $('.error').hide();
        },
        buttons: {
            'Sair': function(){
                $('#dialog').dialog('close');
                $('.error').hide();
                return false;
            }
        }
    });
    function clique_na_linha(e){
        //alert($(e).attr('solucao'));
        $('#todas').attr('climov',$(e).attr('climov'));
        if ($(e).attr('solucao')!='null'){
            $('#solucao').hide().html($(e).attr('solucao')).show();
        }else{
            $('#solucao').hide().html('').show();
        }
        if ($(e).attr('ult_ativ')!='null'){
            $('#ult_atividade').hide().html($(e).attr('ult_ativ')).show();
        }else{
            $('#ult_atividade').hide().html('').show();
        }
    }
    function clique_add_atividade(e){
        //alert($(e).attr('climov'));
        $.ajax({
            url: "/atividades/pegaform",
            type: "POST",
            data: "",
            beforeSend: function(){

            },
            success: function(msg){
                $('#msg').html(msg.corpo);
                $('#dialog').dialog('open');
            }
        });
    }
    function carregaMessages(){
        $.ajax({
            url: "/colaborador/messages",
            type: "POST",
            data: "id="+$('#idcliente').val(),
            beforeSend: function(){

            },
            success: function(msg){
//                $('#corpo_interacoes').html('');
//                $.each(msg['interacoes'],function(i,v){
//                    $('#corpo_interacoes').append($('<div>')
//                                                    .attr('class','interacao append-bottom')
//                                                         .html("<span class='span-3'>"+v.id+"</span>"+
//                                                               "<span class='span-6'>"+v.colaborador_id+"</span>") );
//                });
//                $('#msg').html(msg);
//                $('#dialog').dialog('open');
            }
        });
    }
    function carregaInteracoes(){
        $.ajax({
            url: "/colaborador/interacoes",
            type: "POST",
            data: "id="+$('#idcliente').val(),
            beforeSend: function(){

            },
            success: function(msg){
                $('#corpo_interacoes').html('');
                $.each(msg['interacoes'],function(i,v){
                    $('#corpo_interacoes').append($('<div>')
                                                    .attr('class','interacao append-bottom')
                                                         .html("<span class='span-3'>"+v.id+"</span>"+
                                                               "<span class='span-6'>"+v.colaborador_id+"</span>") );
                });
//                $('#msg').html(msg);
//                $('#dialog').dialog('open');
            }
        });
    }

    var alternateRowColors = function($table) {
        $('tbody tr:odd', $table).removeClass('even').addClass('odd');
        $('tbody tr:even', $table).removeClass('odd').addClass('even');
    };
    $.ajaxSetup({
        cache: false,
        type: 'POST',
        dataType: 'json',
        error: function () {
            alert('Um erro de comunicação com o servidor ocorreu!');
        }
    });
    $('#todas').click(function(){
        //alert('clicou');
        var id = $(this).attr('climov');
        if (id != ''){
            $.ajax({
                url: "/chamadas/atividades",
                type: "POST",
                data: "climov="+id,
                beforeSend: function(){

                },
                success: function(msg){
                    $('#msg').html('').append($('<span>').attr('style','text-align: center;').attr('class','span-3').html('<b>Data<b>'))
                    .append($('<span>').attr('style','text-align: center;').attr('class','span-12').html('<b>Atividade</b>'))
                    .append($('<span>').attr('style','text-align: center;').attr('class','span-3 last').html('<b>Cliente Le</b>'));
                    $.each(msg,function(item,value){
                        $('#msg').append($('<span>').attr('class','span-18 last')
                            .append($('<span>').attr('class','span-3').attr('style','text-align: center;').html(value.data_hora))
                            .append($('<span>').attr('style','text-align: justify;').attr('class','span-12').html(value.obs))
                            .append($('<span>').attr('style','text-align: center;').attr('class','span-3 last')
                                .append($('<input>').attr('type','checkbox').attr('checked',value.cliente_le))
                                )
                            );
                    });
                    $('#msg').html(msg.corpo);
                    $('#dialog').dialog('open');
                }
            });
        }
        return false;
    });
    $('#tabs').tabs();
    $('#accliente').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "/colaborador/index",
                type: "POST",
                datatype: "json",
                data: {
                    q: request.term
                },
                success: function(data) {
                    response($.map(data.colaboradores, function(item) {
                        return {
                            label: item.nome,
                            value: item.codusu
                        }
                    }))
                }
            })
        },
        focus: function(event,ui){
            $('#accliente').val(ui.item.label);
            return false;
        },
        open: function(event,ui) {
            $('#idcliente').val('');
        },
        select: function(event,ui){
            $('#idcliente').val(ui.item.value);
            $('#accliente').val(ui.item.label);
            carregaInteracoes();
            carregaMessages();
            if ($('#idcliente').val()!=''){
                $.ajax({
                    url: "/contato/index",
                    processData: false,
                    data: 'cliente_id='+$('#idcliente').val(),
                    beforeSend: function (){
                        var pos = $('#accliente').offset();
                        var width = $('#accliente').width();
                        $("#ajax-ldr").css( {
                            "left": (pos.left+width+65) + "px",
                            "top":pos.top-5 + "px"
                        } ).fadeIn('fast');

                    },
                    success: function(msg){
                        $('#idcontato option').remove();
                        $('#idcontato').append("<option value=''>Selecione o Contato...</option>")
                        for (i = 0; i < msg.length; i++) {
                            $('#idcontato').append("<option value='"+msg[i].idcontato+"'>"+msg[i].dsnome+"</option>")
                        }
                    //$('#ajax-ldr').fadeOut('fast');
                    }
                });
                carregachamadas();
            }
            return false;
        },
        minLength: 3,
        delay: 300
    });
    $('#abertas').change(function(){
       carregachamadas();
    });
    function carregachamadas(){
        $.ajax({
            url: "/chamadas/index",
            processData: false,
            data: 'codcli='+$('#idcliente').val()+'&abertas='+($('#abertas').attr('checked')? 'A':'C'),
            beforeSend: function(){
                //inserir o before aqui
                $('#wait').html('Aguarde, buscando chamadas deste cliente...').fadeIn('fast');
            },
            success: function(msg){
                $('#ajax-ldr').fadeOut('fast');
                $('#wait').fadeOut('fast');
                $('#chamadas tbody td').remove();
                $.each(msg['chamadas'], function(item,value){
                    //alert(value.climov);
                    var cssaux = '';
                    if (value.prioridade.descricao=='Urgente'){ cssaux='urgente';}
                    else if (value.prioridade.descricao=='Alta'){ cssaux='alta';}
                    else if (value.prioridade.descricao=='Media'){ cssaux='media';}
                    else if (value.prioridade.descricao=='Baixa'){ cssaux='baixa';}
                    $('#chamadas tbody').append($('<tr>').attr('class',cssaux).attr('climov',value.climov).attr('solucao',value.solucao).attr('ult_ativ',value.ult_ativ==null?' ':value.ult_ativ.obs).click(function(){
                        clique_na_linha(this);
                    })
                        //.append($('<td>').html(value.climov))
                        .append($('<td>').html(value.problema).attr('obs',"<table><tr valign='top'><td align='left'><b>Solução</b></td><td align='left'>"+(value.solucao==null?' ':value.solucao)+"</td></tr>"+
                                                                                 "<tr valign='top'><td align='left'><b>Ult.Atividade</b></td><td align='left'>"+(value.ult_ativ==null?' ':value.ult_ativ.obs)+"</td></tr>"+
                                                                          "</table>")
                                                              .attr('class','tips').tipsy({title:'obs',gravity: $.fn.tipsy.autoNS, delayIn:200,delayOut:100,html:true}) )
                        .append($('<td>').text(value.contato.dsnome))
                        .append($('<td>').text(value.data_criacao).attr('align','center'))
                        .append($('<td>').text(value.funcionario.nome))
                        //.append($('<td>').text(value.prioridade.descricao).attr('align','center'))
                        //.append($('<td>').text(value.data_prev==null?' ':value.data_prev).attr('align','center'))
                        .append($('<td>').text(value.estado).attr('align','center'))
                        //.append($('<td>').text(value.responsavel==null?' ':value.responsavel))
                        .append($('<td>').attr('align','center')
                            .append($('<a>').attr('href','#').attr('climov',value.climov)
                                .click(function(){
                                    clique_add_atividade(this);
                                })
                                .append($('<span>').attr('obs','Incluir uma nova atividade').attr('class','tips ui-widget-content ui-icon ui-icon-circle-plus'))
                                )
                            )
                        );
                });
                //$('#chamadas').alternateRowColors();
            }
        });
    }
})